﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>预约列表</title>
    <link rel="stylesheet" href="/admin_wechat/plugins/weui/css/weui.min.css" />    
    <link rel="stylesheet" href="/admin_wechat/css/css.css" />
    <script src="/admin_wechat/scripts/common/jquery.js"></script>
    <script src="/admin_wechat/scripts/common/ajax-data.js"></script>
    <script src="/admin_wechat/scripts/common/base.js"></script>
    <script src="/admin_wechat/scripts/common/dialog.js"></script>
    <script src="/admin_wechat/scripts/appoint.js"></script>    
    <script src="/admin_wechat/plugins/weui/js/weui.min.js"></script>
    <style>
    .list{height:100px;margin:0 auto;border:solid 0 #000;width:100%;text-align:center;background-color:#dbdbdb}
    .box6{width:41%;height:35px;border:solid 0 #000;border-radius:20px;margin:auto;line-height:33px;text-align:left;background-color:#b8b8b8}
    .sumbit{width:41%;height:35px;border:solid 0 #000;border-radius:20px;margin:auto;text-align:center;background-color:#ff6b8d;color:#fff;line-height:31px}
    input{width:65%;height:96%;background-color:#b8b8b8;color:#fff;border:none;padding:0;font-size:14px;margin-left:5px}
    #list1{height:35px;margin:0 auto;border:solid 0 #000;width:100%;text-align:center;background-color:#dbdbdb}
    .box{text-align:center;margin:0 0;border-bottom:solid 1px #ededed;height:60px;background-color:#fff}
    .box1{height:100%;border:solid 0 #000;text-align:center;line-height:50px}
    .box2{height:48%;width:99%;border:solid 0 #000;text-align:center;line-height:25px}
    .bpx5 {height: 100%;width: 49%;border: solid 0px black;float: left;text-align: center;line-height: 24px;font-size: 12px;}
    .box7 {height: 30px;width: 99px;background-color: black;border: solid 0px black;padding: 0px;border-radius: 5px;}

    .myInput::-webkit-input-placeholder {color: white;}
    .sure {color: black;width: 32.9px;height: 30px;float: left;border-right: solid 0px black;font-size: 12px;text-align: center;line-height: 30px;background-color: rgba(255, 255, 255, 0.5);color: white;}

    .box3 {float: right;height: 100%;border: solid 0px black;width: 100%;border-radius: 5px;background-color: #ff6b8d;}
    .box4 {height: 48%;font-size: 12px;color: white;line-height: 24px;}
    .weui-media-box__info { margin-top:0px;}
    .bg-hui{background-color: #d3d3d3;}
    .li-img img{height:20px;position:relative;right:1px;font-size:12px;}
	.action-box {position: absolute;top: 40px;right: 20%;background-color: #666;color: white;padding: 0 10px 0 10px;border-radius: 5px;line-height: 30px;}
    </style>
</head>
<body>
    <div class="list tab_con hide">     
        <div class="box6" style="float:left; margin:15px 0px 0px 15px;">
            <div>
                <input type="text" class="myInput" id="startTime" placeholder="开始时间" readonly="readonly">
                <img src="../../images/appoint/6.png" style="float:right;padding-right:7px;width:28px;padding-top:3px;">
            </div>
        </div>
        <div class="box6" style="float:right;margin:15px 15px 0px 0px;">
            <div>
                <input type="text" class="myInput" id="endTime" placeholder="结束时间"  readonly="readonly">
                <img src="../../images/appoint/6.png" style="float:right;padding-right:7px;width:28px;padding-top:3px;">
            </div>
        </div>
        <div class="box6" style="float:left;margin:15px 0px 0px 15px;">
            <div>
                <input type="text" class="myInput" id="accountName" placeholder="预约人">
            </div>
        </div>
        <div class="sumbit" style="float:right;margin:15px 15px 0px 0px;">确认搜索 </div>
    </div>
    <div id="list1">
        <span class="tab" data-index="0"><img src="../../images/4.png" style="float:right;"></span>
        <span class="tab hide" data-index="1"><img src="../../images/5.png" style="float:right;"></span>
    </div>
    
    <!--预约列表-->
    <div class="orderlist">
    </div>

    <script>
        var page = 1;
        var pageocunt = 10;

        $(function () {
            loadList(1);
            loadScroll(loadList);
            bindBtn();
        })

        function bindBtn() {
            $(".sumbit").click(function () { search() });

            $("#list1 .tab").click(function () {
                if ($(this).attr("data-index") == '1')
                    $(".tab_con").addClass("hide");
                else
                    $(".tab_con").removeClass("hide");

                $("#list1 .tab").removeClass("hide");
                $(this).addClass("hide");
            })
        }

        $('#startTime').on('click', function () {
            weui.datePicker({
                start: 1990,
                end: new Date().getFullYear(),
                onChange: function (result) {},
                onConfirm: function (result) {
                    $('#startTime').val(result[0] + "-" + result[1] + "-" + result[2])
                }
            });
        });
        $('#endTime').on('click', function () {
            weui.datePicker({
                start: 1990,
                end: new Date().getFullYear(),
                onChange: function (result) { },
                onConfirm: function (result) {
                    $('#endTime').val(result[0] + "-" + result[1] + "-" + result[2])
                }
            });
        });
    </script>
</body>
</html>
